/* reset */

html { height: 100%; overflow-x:hidden;}

body { min-height: 100%; overflow-x:hidden;}

body { _height: 100% }

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }

li { list-style-type: none }

h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }

img { vertical-align: top }

input[type=button], input[type=submit], input[type=reset] { cursor: pointer }

button { cursor: pointer }

input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }

input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }

input[type=checkbox] { -webkit-appearance: checkbox }

input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }

table { border-collapse: collapse; border-spacing: 0 }

caption, th { text-align: left }

th { font-weight: normal }

em, cite, address,i { font-style: normal }

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53";  }

body { line-height: 1.5 }

a { text-decoration: none }

a { blr:expression(this.onFocus=this.blur()) }

a * { *cursor: pointer }

:focus { outline: none }

 

.edit_con_original{ line-height:1.7em; padding:0 0; color:#333;}

.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}

.edit_con_original ul li { list-style-type:disc; margin:auto; }

.edit_con_original ol{ margin:inherit; padding:inherit}

.edit_con_original ol li { list-style-type:decimal; margin:auto; }

.edit_con_original h1 { font-size: 2em; font-weight:bold }

.edit_con_original h2 { font-size: 1.5em; font-weight:bold }

.edit_con_original h3 { font-size: 1.17em; font-weight:bold }

.edit_con_original h4 { font-size: 1em; font-weight:bold }

.edit_con_original h5 { font-size: 0.83em; font-weight:bold }

.edit_con_original h6 { font-size: 0.67em; font-weight:bold }

.edit_con_original em { font-style: italic }

.edit_con_original cite{ font-style: italic }

.edit_con_original address{ font-style: italic }

.edit_con_original i { font-style: italic }

.edit_con_original table{ border-collapse: separate; border-spacing: 2px }

.edit_con_original img{ max-width:100%; height:auto;}



.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}

.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }

.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}

.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}



.animate_normal{ transition: 0.5s all linear;}

/*.main{ transition: 0.5s all linear !important;}*/



/*两端对齐*/

.justify { text-align:justify; text-justify:distribute-all-lines;}

 

 .page_404 { width:100%; height:auto; }

 

/*所有后台编辑器区域都要引用 edit_con_original 类名*/



.footer { padding:50px 0; background: #1b71c4;}

.footer_l{ width:16%; float:left; box-sizing: border-box;}

.footer_m{ width:46%; float:left; box-sizing: border-box;  

    background-repeat: no-repeat; margin-left:140px; }

.foot_m_tit{ padding-top:29px; padding-bottom:50px;}	

.foot_m_tit a{ color:#9cbfe1; margin-left:30px;}	

.footer_r{ width:20%;float:right;}	



.footer_l{ padding-right:40px;}

.footer_l h4{ color:#d1d1d1; font-weight: normal; margin-top: 8px; margin-bottom: 0.8em;}

.footer_l p{ color:#696767; line-height: 1.7em;}

.copy{ width:100%; background:#1b1b1b;padding: 20px 0; text-align:center; color:#7b7b7b; font-size:12px;}



 .main_part7{ background:#f6f6f6;}

.company_l {width: 41%;float: left;height: 100%; padding-top:70px;}

.company_r {width: 56%;float: right;height: 100%; padding-top:20px;padding-top:70px; }

.company_bt{ color:#575757; font-size:14px; font-family:'宋体'; padding-top:54px;line-height: 1.7em;}

.company_more{ padding-top:70px; padding-bottom:100px; text-align:center;}

/* clear 页头，页脚，内容区都不用再加清除样式 */

.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }

.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }

.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

 

 

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

            

.tran_scale{ overflow:hidden; display:block;}

.tran_scale img{transition:0.5s all; -webkit-transition:0.5s  all;}



.header_searcg_box_phone.on { display:none; }

/*hover*/

@media only screen and (min-width: 1025px) {

	.company_l {width:auto;float: left;height: 100%; padding-top:70px;}

.company_r {width: auto;float: right;height: 100%; padding-top:20px;padding-top:70px; }

        .tran_scale:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }

}



/*行高*/

.tLineHeight{ line-height: 1.2em;}

.aLineHeight{ line-height: 1.7em;}





/*font-size*/

.fnt_14 { font-size: 14px;}

.fnt_16 { font-size: 16px;}

.fnt_18 { font-size:18px;}

.fnt_20 { font-size: 20px;}

.fnt_22 { font-size:22px;}

.fnt_24 { font-size:24px;}

.fnt_28 { font-size:28px;}

.fnt_30 { font-size:30px;}

.fnt_32 { font-size:32px;}

.fnt_36 { font-size:36px;}

.fnt_40 { font-size: 40px;}

.fnt_48 { font-size: 48px;}

.fnt_60 {font-size: 60px;}

.fnt_80 {font-size: 80px;}

.fnt_100 { font-size: 100px;}

.fnt_color{ color:#f04c36;}



/*page*/

.page { vertical-align: middle; 

  text-align: center;color: #808080;

  padding-top: 20px;

}

.page input { vertical-align: middle; }

.page span { margin-right: 12px; }



.page a.on { width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #18378f; color: #fff; }



.page a.prev { width: 20px; height: 20px;background:url(../images/page_left.png) no-repeat center; margin: 0px 5px 0px 0px; }

.page a.next { width: 20px; height: 20px;background:url(../images/page_right.png) no-repeat center; margin: 0px 0px 0px 5px; }

.page a.first { width: 40px; height: 20px;  font-family: "微软雅黑"; }

.page a.last { width: 40px; height: 20px;  font-family: "微软雅黑"; }

.page span.txtnum { display: inline-block; width: 30px; height: 20px; line-height: 20px; background: #efefef; border: 1px solid #d9d9d9; margin: 0px 0 0 10px; vertical-align: middle; }

.page span.txtnum input { width: 30px; color: #125ca1; height: 20px; line-height: 20px; text-align: center; font-family: Arial, Helvetica,N sans-serif; font-size: 11px; background: none; border: none; }

.page a.go {  color: #fff;font-size:12px;width:25px;background: #18378f;line-height: 23px;margin: 0 10px 0 0;}

.page label{ color:#125ca1;}

@media only screen and (max-width: 767px){

	   .footer_m{ width:100%; float:left; box-sizing: border-box;  

    background-repeat: no-repeat; margin-left:0px;}

.foot_m_tit{ padding-top:0px; padding-bottom:0px;}	

.foot_m_tit a{ color:#9cbfe1; margin-left:30px;}	

.footer_r{ width:100%; float:left; box-sizing: border-box; }

	.company_l {width: 100%;float: left;height: 100%; }

.company_r {width: 100%;height: 100%; padding-top:20px;padding-top:20px; }

  .page a,.page i,.page span{display: none;}

  .page a.prev{display: inline-block;text-indent: 0px;width: 35px;height:35px;border:1px solid #ccc;border-radius: 100%;}

  .page a.next{display: inline-block;text-indent: 0px;width: 35px;height:35px;border:1px solid #ccc;border-radius: 100%;}

} 



.nav_list { display: none; background: #fff; width: 1920px; height: 287px; position: absolute; top: 211px; left: 50%; margin-left: -960px; }

.nav_list ul { width: 190px; position: absolute; left: 50%; margin-left: -270px; top: 40px; }

.nav_list li { line-height: 16px; padding-bottom: 20px; }

.nav_list li a { font-size: 14px; color: #2b2b2b; }

.nav_list li a:hover { color: #005bac; }

.s1{ padding-top:20px;}

.fixHeader .s1{ padding-top:12px;}

.nav_hidden { display: none; }



.nav_p{ position:absolute; top:40px; left:45%; margin-left:150px; width:384px; color:#005bac; font-size:18px; line-height:1.7em;}

.nav_p h4{ font-weight:normal;}







/*hover*/

@media only screen and (min-width: 1025px) {

	

        .footer_r a:hover { color:#fff; }

        .footer_r p a:hover { color:#fff; }

}





/*close*/

.close{display: block;position: relative;float: right;width: 77px;height: 25px;line-height: 25px;color: #fff;text-align: center;background: #a4a4a4;}

/*hover*/

@media only screen and (min-width: 1025px) {

        .close:hover { background: #005bac; color: #fff!important; }

}



/*链接样式*/

a {color:#616161;transition:all .5s;}



.header{ position:relative; z-index:3;}

.header_top { height:121px;}

.header_top > a img{ height:100%; display:block; float:left; width:auto;}

.header_top_right_top a{ display:inline-block; }



/*main*/

.content{ width:1256px; margin: 0 auto;}

.content_pad{padding: 0 20px; box-sizing: border-box;}



.content_inner{ width:1180px; margin: 0 auto;}

.content_inner1{ width:auto; margin: 0 auto;}

.half_content_inner{ width:590px; margin: 0 auto; position: relative;}



.half_l{ float:right; height:100%;}

.half_r{ float:left; height:100%;}

.ys{ color:#9ed1fe; padding-top:20px;}

.main_part6_r_r{ position:absolute; right:0; top:50%; margin-top: -19px;}

.main_part6_r_r a{ color:#fff; border:1px solid #fff; display: block; padding: 0 10px; background: }

.main_part6_r_r a em,.main_part6_r_r a i{ float:left; display: inline-block; line-height: 2.7em; height:2.7em;}

.main_part6_r_r a em{ position:relative; top:12px; margin-right: 8px;}

/*nav*/

nav li{ width:10.1%; float:left;  font-size:16px; line-height: 3.75em; 

  text-align: center; position:relative;

}

nav li a{ display:block; width:100%; height:100%; position:relative; }

nav li em{  background:#da4949; height:6px; display:block; position:absolute; bottom:0; left:50%; width:0%;}

nav li.on em,nav li:hover em { width:100%; left:0; }

nav li:hover{ background:#da4949;}

nav li dl { background:#fff; box-shadow:1px 1px 10px #666;overflow:hidden; padding:0px; height:0; }

nav li .dlbox{ position:absolute; top:100%; padding-top:8px; width:150%;  opacity:0; height:0; transform:translateY(-10px)  }



nav li .dlbox dl dd { margin:0 20px; border-bottom:1px solid #dbdbdb; text-align:left; margin-bottom:14px; }

nav li .dlbox dl dd a { color:#898989; font-size:14px; line-height:3.2em; }

nav li .dlbox dl dd a:hover { color:#0050a0; }

nav li:hover .dlbox span { display:block; width:0; height:0; border:6px solid transparent; border-bottom:6px solid #fff; position:absolute; left:32%; margin-left:-6px; top:-4px; }





.header_bottom{ background:#1b71c4;}



.header_bottom a{ color:#fff;}



/*header*/

.header{ position:fixed; left:0; top:0; background: #f6f6f6; width:100%; z-index: 100;}

.header_top_right{ float:right;}

.header_top_right_top{ padding:40px 0 10px; text-align: right;}

.header_top_right_top1{ padding:17px 0 10px; text-align: right;}

.header_top_right_top1 a{ margin-left:20px;}

.header_top_right_top1 span{ line-height: 14px; margin-left: 4px; position:relative; top:-2px; }

.header_top_right_top1 a.sprite_6{ position:relative; top:-4px; margin-left: 8px;}



.header_top_right_bottom input{}



.header_top_right_bottom i { }

.header_top_right_bottom a,.header_top_right_bottom i{ display:inline-block; position:relative;}

.header_top_right_bottom span{ font-size:12px; margin: 0 26px;}

.header_top_right_bottom a,.header_top_right_bottom i,.header_top_right_bottom span{ line-height:20px; float:right;}



.header_searcg_box { width:0; height:36px; border-radius:18px; background:#0050a0; position:absolute; right:-12px; top:-8px; opacity:0; overflow:hidden;}

.header_searcg_box input { border:0; background:none; height:36px; float:left; width:150px; margin-left:16px; color:#fff; position:absolute; right:42px; opacity:0;  }

.header_searcg_box input.in_search_sub{ background:url(../Image/search_hover.png) no-repeat center; position:absolute; right:12px; top:0px; width:19px; height:35px; }



.header_searcg_box_phone { width:100%; height:0; border-radius:18px; background:rgba(0,80,160,0.8); position:absolute; right:0px; top:50px; opacity:1; overflow:hidden;}

.header_searcg_box_phone input { border:0; background:none; height:36px; float:left; width:80%; margin-left:16px; color:#fff;  }

.header_searcg_box_phone input.in_search_sub{ background:url(../Image/search_hover.png) no-repeat center; position:absolute; right:12px; top:0px; width:19px; height:35px; transform:scale(0.8) }

.header_searcg_box_phone.on { height:36px; }



.img_lock{display:none !important;}

.img_lock.on{display:inline-block !important;}

.lang_text{cursor:pointer; display:none;}

.header_top_right_top{position:relative;z-index:5;}

.header_top_right_top1{position:relative;z-index:5;}

.lang_tab{position:absolute;top:50px;right:0px;background:#fff;width:105px;display:none;}

.lang_tab p{text-align:left;overflow:hidden;}

.lang_tab p a{margin-left:9px;}

.lang_tab p em{display:inline-block;width:21px;height:14px;background:url(../Image/en_ico.jpg) no-repeat 0 0;margin-top:4px;float:left;}

.lang_tab p:first-child em{background:url(../Image/sprite.png) no-repeat -73px 0;}

.fixHeader .lang_tab{top:35px;}



.img_lock.en{background:url(../Image/cn.png) no-repeat center;}





.indexmMain{ position:relative; z-index:2; padding-top:165px;transition: all 0.5s linear;}

.fixMain.indexmMain{padding-top: 130px;}



.fixHeader .header_top{ height:90px; }

.fixHeader .header_top_right_top {  padding:25px 0 5px; }

.fixHeader nav li { line-height:2.75em; }

.fixMain { padding-top:135px; }

.fixHeader .header_top_right_top1{padding: 11px 0 10px;

    text-align: right;} 

	

.ma{ padding-top:20px; padding-right:20px; padding-left:10px;}	

.fixHeader .ma{padding-top:11px;}

.in_banner{ position:relative;}

.banner_index{ width:100%; height:100%; position:absolute;}

.banner_index ul{ width:100%; height:100%;}





/* fullSlide */

.fullSlide{width:100%;position:relative;height:532px;background:#000;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:532px;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;height:532px;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#f00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



/*index banner*/

.banner_index_new {  position:relative;}

.banner_index_new ul,.banner_index_new ul li {  width:100%; height:100%; z-index:1; overflow:hidden;}

.banner_index_new ul li.curr { z-index:2; }

.banner_index_new li{ opacity:0; position:absolute; left:0%; top:0; width:100%; height:100%;}

.banner_index_new li a{ display:inline-block; width:auto; padding: 0 1.8em; height:2em; line-height: 2em; text-align: center;background: #0050a0; color:#fff; margin: 0 auto;}

.banner_index_new li img,.banner_index_new li video { width:100%; height:100%; transform:scale(1.2,1.2); transition: 15s all cubic-bezier(0.19, 1, 0.22, 1); }

.banner_index_new .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }

.banner_index_new .vbox video{width: 100%; height:100%; }

.banner_index_new ul li video{ height:100%; width:100%;}



.banner_index_new ul, .banner_index_new ul li table{ z-index:30; position:absolute; width:100%; height:100%; left:0; top:0;}



.banner_index_new ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}



.banner_index_new { position:relative; overflow:hidden; }



.banner_index_new dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }

.banner_index_new dl dd { display:inline-block;text-indent: 9999px;

    width: 10px;

    height: 10px;

    margin: 0;

    outline: 0;

    overflow: hidden;

    border-radius: 0px;

    background: none;

    border: 1px solid #fff; margin-right:10px; cursor:pointer; border-radius:20px; background: url(../images/png.png) repeat;}

.banner_index_new dl dd:last-child { margin-right:0; }

.banner_index_new dl dd.active { background: #005bac; border: 1px solid #fff; }



.banner_index_new video { transform:scale(1.01); position:absolute; left:0; top:0; width:100%; height:100%; }



/*fix header*/

.fixHeader { position:fixed; left:0; top:0; width:100% !important; }



.banner_index_new ul li > a { position:absolute; width:100%; height:100%; display:block; overflow:hidden; left:0; top:0; z-index:50; }

.banner_index_new ul li table {  width:100%; height:100%; position:absolute; left:50%; top:0%;}

.banner_index_new ul li table td { vertical-align:middle; text-align:center; width:80%; color:#fff; }

.in_banner_txt{ opacity:0; transition: 4s all cubic-bezier(0.19, 1, 0.22, 1); position:relative;}

.banner_index_new ul li table td p { padding-bottom:0px; margin:0 auto 1em; font-weight: normal;}

.banner_index_new ul li table td i { display:none; width:40%; font-size:14px; margin:0 auto; line-height:1.7em; height:3.4em; overflow:hidden; }



.in_banner_part2{ height:150px; background: #f6f6f6; padding: 30px 0; box-sizing: border-box;}

.in_banner_part2 span,.in_banner_part2 p{ color:#a6a6a6;}

.in_banner_part2 li{ width:25%; float:left; text-align: center;}

.in_banner_part2 li .fnt_color{ font-family:'Georgia'; color:#f04c36;}

.in_banner_part2 li .font_word{ color:#444647; font-size:24px; font-weight:bold;}



.banner_index_new li.curr img,.banner_index_new li.curr video{ transform:scale(1,1);}



.banner_index_new ul li.li01 .in_banner_txt{ display:inline-block; text-align: center;}

.banner_index_new ul li.li01 .in_banner_txt{ margin-top:20%;}

.banner_index_new ul li.li01.curr .in_banner_txt{opacity:1; margin-top:0%;}



.banner_index_new ul li.li02 .in_banner_txt{ display:inline-block; text-align: right;}

.banner_index_new ul li.li02 .in_banner_txt{ left:-20%;}

.banner_index_new ul li.li02.curr .in_banner_txt{opacity:1; left:0%;}



.banner_index_new ul li.li03 .in_banner_txt{ display:inline-block; text-align: right;}

.banner_index_new ul li.li03 .in_banner_txt{ right:0%; left:auto;}

.banner_index_new ul li.li03.curr .in_banner_txt{opacity:1; right:-20%;}



.banner_index_new ul li.li04 .in_banner_txt{ display:inline-block; text-align: center;}

.banner_index_new ul li.li04 .in_banner_txt{ margin-top:20%;}

.banner_index_new ul li.li04.curr .in_banner_txt{opacity:1; margin-top:0%;}





.main_part2{ padding: 70px 0 35px;}

.main_part2 h4,.main_part2 h5{ font-weight: normal; text-align: center; line-height: 1.7em;}

.main_part2 h5{ margin-bottom: 1.4em;}

#ttbanners .ttbannerblock{ margin:0 -10px;}

#ttbanners .ttbannerblock .ttbanner{ width:33%; margin: 0 auto; float:left; box-sizing: border-box;}



.main_part3{ padding-top:35px;}

.main_part3 h4{ line-height:2em; text-align: center; font-weight: normal; margin-bottom: 1em;}

.main_part3_tab{ text-align:center; font-size:0;}

.main_part3_tab span{ display:inline-block; color:#828282; cursor: pointer; line-height: 3em; margin: 0;margin-left: -1px; position:relative; margin-bottom: 2.5em;}

.main_part3_tab i {  display:block; width:100%; height:100%; padding: 0 1.7em; background:#fff; position:relative; z-index:2; box-sizing: border-box; border:1px solid #e9e9e9; }

.main_part3_tab span em{ display:block; width:0; height:0; border:6px solid transparent; border-top-color: transparent; position:absolute; bottom:0; left:50%; margin-left: -6px; z-index:1; }



.main_part3_tab span.on em{ display: block; width: 0; height: 0; border: 6px solid transparent; border-top-color: #0050a0; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; }

.main_part3_tab span.on i{ background: #0050a0; color: #fff; border: 1px solid #0050a0; }







/*hover*/

@media only screen and (min-width: 1025px) {

        .main_part3_tab span:hover em { display: block; width: 0; height: 0; border: 6px solid transparent; border-top-color: #0050a0; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; }

        .main_part3_tab span:hover i { background: #0050a0; color: #fff; border: 1px solid #0050a0; }



        

}



@media only screen and (min-width: 767px) {

	

        nav li:hover .dlbox { display: block; opacity: 1; height: auto; transform: translateY(0px); }

        nav li:hover .dlbox dl { padding: 24px 0 30px; height: auto; }

}



.banner_right{ visibility:hidden;}



.main_part3{ padding-bottom: 90px;}

.main_part3 ul{ margin:0 -17px;}

.main_part3 ul li{ width:33%; float:left; box-sizing: border-box; padding: 0 17px;}

.main_part3 ul li > a{ display: block; width:100%; height:0; padding-bottom: 75%; position:relative; overflow: hidden;}

.main_part3 ul li > a img{ width:100%;}

.main_part3 ul li > a span{ position:absolute; bottom:-3.2em; left:0; line-height: 3.2em; background: #333333; width:100%; display: block; opacity:0; transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);}

.main_part3 ul li > a span em{ position:absolute; top:0; right:10%; top:50%; margin-top: -4px; margin-right: -7px; text-align: center;}

.main_part3 ul li > a span p{ width:80%; text-align: right; color:#cacaca; padding-right: 8px; border-right:1px solid #000000; box-sizing: border-box; white-space: nowrap;}



.sprite_9 { }





/*hover*/

@media only screen and (min-width: 1025px) {

        .main_part3 ul li > a:hover span { opacity: 1; width: 100%; bottom: 0; }



        

}



.sprite_9 { transform:scale(0.8); }

.header_searcg_box { transform:scale(1.2);transform-origin:right center; }

.header_searcg_box .in_search_sub { transform:scale(0.85);transform-origin:right center;  }



@media only screen and (min-width: 768px) {

	

     



        .sprite_9:hover .header_searcg_box { width: 205px; opacity: 1; }

        .sprite_9:hover input { opacity: 1; }

}



.main_part3 ul li dl{ text-align:center;}

.main_part3 ul li dl dt{ line-height: 1.7em; margin-top: 1em;}

.main_part3 ul li dl dt a {  color:#333333;}

.main_part3 ul li dl dd{ line-height: 2em; color:#a2a2a2;}



.main_part4{ position:relative; margin-bottom: 35px;background:url(../Image/bg1.jpg) no-repeat top;}

.main_part4 video{ width:100%; height:100%; position:absolute; left:0; top:0; z-index: 1;}

.main_part4 dt a{ margin:0 auto;}

.main_part4 dd a{ margin: 1em 0; color:#fff; display: block; line-height: 1.1em; overflow: hidden;}

.main_part4 dd p{ color:#fff; opacity:0.75; line-height: 1.7em;}

.video_box{ position:absolute; left:0; top:0; width:100%; height:100%;}

.video_box_inner{ position:relative; z-index: 2; text-align: center; height:100%;}

.video_box_inner li{ width:33%; float:left;}

.video_box_inner li:hover{  }

.video_box_inner ul,.video_box_inner li,.video_box_inner table,.video_box_inner td{ height:100%;transition: all 0.4s linear;}

.video_box_inner table{ width:100%;}

.video_box_inner td{ padding-top:40px; text-align: center;}



.main_part5_wrap{ padding-bottom: 100px;}

.main_part5_box{ margin-bottom: 30px; overflow: hidden;}

.main_part5{ margin-bottom: 35px; padding-top: 35px;background:url(../Image/bg2.jpg) no-repeat center;}

.main_part5 h4{ margin-bottom: 0.4em;}

.main_part6 h4{ margin-bottom: 0.4em; padding-top:25px;} 

.main_part5 h4 a{ color:#fff;}



.main_part6 h4{ margin-bottom: 0.4em;}

.main_part6 h4 a{ color:#fff;}

.main_part5 ul{ width:8000%; position:relative;}

.main_part5 ul li{ width:33%; float:left; padding-top: 60px; background:#fff;}

.main_part5 ul li a{ display:block; width:100%; padding-bottom: 75%; height:0; position:relative;}

.main_part5 ul li a .time{ font-family:Georgia; font-size:2.37rem; color:#f04c36; text-align:center;}

.main_part5 ul li a .word{  font-size:16px; color:#505050; text-align:center; padding-top:34px;}

.main_part5 ul li a .word_bt{ color:#9e9e9e; font-size:12px; text-align:center; padding-top:26px; padding-left:10px; padding-right:10px;}

.main_part5 ul li a img{ width:100%;}

.main_part5 ul li a p{ position:absolute; bottom:0; left:0; width:100%; line-height:2.5em; background: rgba(0,0,0,0.5); color:#fff; padding: 0 20px; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main_part5 ul li a dl{ width:84px; height:84px; border:8px solid #fff; background: #d85252; box-shadow: 0 0 6px #999; position:absolute; top:-50px; left:50%; margin-left: -50px; border-radius: 100px;}

/*hover*/

@media only screen and (min-width: 1025px) {

        .main_part5 ul li:hover a dl { animation: textMove 0.5s forwards; -webkit-animation: textMove 0.5s forwards; }

        .main_part4 dt a:hover,.footer_icon a:hover{  transform:rotate(360deg);}

}







@keyframes textMove

        {

                0% {  background: #d85252; border-color:#fff; transform:scale(1); color:#fff;}

                50% {  transform:scale(0.8);}

                100% {  background: #fff; border-color:#d85252; transform:scale(1); color:#d85252;}

        }

        @-webkit-keyframes textMove

        {

                0% {  background: #d85252; border-color:#fff; transform:scale(1); color:#fff;}

                50% {  transform:scale(0.8);}

                100% {  background: #fff; border-color:#d85252; transform:scale(1); color:#d85252;}

        }



.main_part5 h4{ line-height:2em; text-align: center; font-weight: normal;}

.main_part6 h4{ line-height:2em; text-align: center; font-weight: normal;}

.main_part5 p{ bottom:0; left:0;}

.main_part5 ul li a dl { color:#fff; }

.main_part5 dt{ margin-top:6px;}

.main_part5 dt,.main_part5 dd{ font-family:Arial; text-align: center; line-height: 1.1em;}



.main_part5_dir{ width:90px; margin: 0 auto; overflow: hidden;}

.main_part5_dir a{ margin-right:5px; float:left; transition: none;}



.main_part6_l,.main_part6_r{ width:50%; float:left; color:#fff; box-sizing: border-box; height:100%;}

.main_part6_l{ background: #0050a0; text-align: right; line-height: 1.7em; padding-right: 2em; box-sizing: border-box;}

.main_part6_l a{ float:right;}

.main_part6_l p{ clear:both;}

.main_part6_l p a {  color:#fff;}

.main_part6_r{ background: #016aac; text-align: left; padding-left: 2em; box-sizing: border-box;}

.main_part6{ width:100%;}

.main_part6_r em{ font-weight:normal; font-family: Arial;}

.main_part6_r em,.main_part6_r i{ line-height: 1.1em;}

.main_part6_r_l{ font-size:0;}



.main_part6_l table,.main_part6_l table td,.main_part6_r table,.main_part6_r table td{ width:100%; height:100%;}









.footer_r a,.footer_r span{ color:#8e8e8e;}

.footer_r span{ margin: 0 20px;}

.footer_r p a{ color:#525252; font-size:12px; line-height: 2em;}



.footer_top{ text-align:right; margin-bottom: 20px;}

.footer_copy{ text-align:left; color:#fff; font-size:24px;margin-top:10px;}





.footer_icon a{ float:right; margin-left: 8px;}

#share a{ width:29px; height:30px; display:block;}

#share .bds_tsina{ background: url(../Image/sina.png) no-repeat center;width:29px; height:30px;}

#share .bds_sqq{ background: url(../Image/qq.png) no-repeat center;width:29px; height:30px;}

#share .bds_weixin{ background: url(../Image/weixin.png) no-repeat center;width:29px; height:30px;}

#share .bds_bdhome{ background: url(../Image/weichat.png) no-repeat center;width:29px; height:30px;}

.sprite {

    background-image: url(../Image/sprite.png);

    background-repeat: no-repeat;

    display: block;

}



.sprite_0 {

    width: 16px;

    height: 9px;

    background-position: 0 0;

}



.sprite_1 {

    width: 19px;

    height: 14px;

    background-position: -16px 0;

}



.sprite_2 {

    width: 19px;

    height: 14px;

    background-position: -35px 0;

}



.sprite_3 {

    width: 19px;

    height: 14px;

    background-position: -54px 0;

}



.sprite_4 {

    width: 34px;

    height: 12px;

  

}



.sprite_5 {

    width: 44px;

    height: 44px;

    background-position: -94px 0;

}



.sprite_6 {

    width: 8px;

    height: 5px;

    background-position: -138px 0;

	display:none !important;

}



.sprite_7 {

    width: 44px;

    height: 44px;

    background-position: -146px 0;

}



.sprite_8 {

    width: 44px;

    height: 44px;

    background-position: 0 -44px;

}



.sprite_9 {

    width: 19px;

    height: 19px;

  background-position: -44px -44px;

}



.sprite_10 {

    width: 15px;

    height: 9px;

    background-position: -63px -44px;

}



.sprite_11 {

    width: 74px;

    height: 74px;

    background-position: -78px -44px;

}



.sprite_12 {

    width: 74px;

    height: 74px;

    background-position: 0 -118px;

}



.sprite_13 {

    width: 74px;

    height: 74px;

    background-position: -74px -118px;

}



.sprite_14 {

    width: 74px;

    height: 74px;

    background-position: -190px 0;

}



.sprite_15 {

    width: 40px;

    height: 36px;

    background-position: -152px -74px;

}



.sprite_16 {

    width: 40px;

    height: 36px;

    background-position: -192px -74px;

}



.sprite_17 {

    width: 40px;

    height: 36px;

    background-position: -232px -74px;

}



.sprite_18 {

    width: 40px;

    height: 36px;

    background-position: -152px -110px;

}



.sprite_19 {

    width: 81px;

    height: 68px;

    background-position: -192px -110px;

}



.eng_btn{ display:none;}

.phone_menu{ display:none;}



.phone_menu em.p1,.phone_menu em.p2,.phone_menu em.p3,.nav_box,.nav_box ul,.search_inp {

		transition:all 0.4s cubic-bezier(0.42,0,1,1) 0s;

	}





/*无图――图片的父级要加relative,要设置高度。padding-bottom:30%; #ff809a ――*/

.err_position{background: #194fbe;}

.err_position img{width:auto!important;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}

.tran_scale:hover a.err_position img{transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;}





@keyframes down_move3

{

0% { top:0; opacity:0;}

50% { top:20px; opacity:1;}

100% { top:40px; opacity:0;}

}

@-webkit-keyframes down_move3

{

0% { top:0; opacity:0;}

50% { top:20px; opacity:1;}

100% { top:40px; opacity:0;}

}



.nav_box{ display:none;}



@media only screen and (max-width: 1520px) {

	.header_top { height:90px;}

	.header_top_right_top{ padding:24px 0 5px;}

  .fixHeader .header_top_right_top {  padding:24px 0 5px; }

	.indexmMain{padding-top:150px;}

	.main_part5_wrap{ padding-bottom:80px;}



    .nav_p{ margin-left:10px; font-size:16px; left:50%;}

	

	.fnt_14 { font-size: 12px;}

        .fnt_16 { font-size: 14px;}

        .fnt_18 {  font-size:15px;}

        .fnt_20 { font-size: 16px;}

        .fnt_22 {  font-size:18px}

        .fnt_24 { font-size:21px;}

        .fnt_28 {  font-size:24px;}

	.fnt_30 { font-size:30px;}

        .fnt_32 {  font-size:25px;}

        .fnt_36 { font-size:28px;}

        .fnt_40 { font-size: 32px;}

        .fnt_48 {  font-size:38px;}

        .fnt_60 {font-size: 52px;}

	.fnt_80 {font-size: 64px;}

        .fnt_100 { font-size: 80px;}

}





@media only screen and (max-width: 1300px) {

        .fnt_16 { font-size: 13px;}

        .fnt_18 {  font-size:14px;}

        .fnt_20 { font-size: 15px;}

        .fnt_22 { font-size:16px;}

        .fnt_24 { font-size:17px;}

        .fnt_28 { font-size:18px;}

	.fnt_30 { font-size:20px;}

        .fnt_32 { font-size:21px; }

        .fnt_36 { font-size:24px;}

        .fnt_40 { font-size: 27px;}

        .fnt_48 { font-size:32px;}

        .fnt_60 {font-size: 45px;}

	.fnt_80 {font-size: 53px;}

        .fnt_100 { font-size: 68px;}

	

	.content{ width:1100px;}



	.content_inner{ width:auto;}

	.half_content_inner{ width:500px;}

	

	.main_part2{ padding:40px 0 20px;}

	.main_part3{ padding-bottom: 50px; padding-top: 20px;}

	.main_part4{ margin-bottom:20px;}

	.main_part5{ padding-bottom: 20px; padding-top: 20px; }

	.main_part5{ padding-bottom: 20px;}

	.main_part5_wrap{ padding-bottom:60px;}

}



@media only screen and (max-width: 1140px) {

	.ys{ display:none;}

	.company_l {width:46%;float: left;height: 100%; padding-top:70px;}

.company_r {width:46%;float: left;height: 100%; padding-top:20px;padding-top:70px; }

        .fnt_24 { font-size:15px;}

        .fnt_28 { font-size:16px;}

	.fnt_30 { font-size:18px;}

        .fnt_32 { font-size:19px; }

        .fnt_36 { font-size:21px;}

        .fnt_40 { font-size: 23px;}

        .fnt_48 { font-size:28px;}

        .fnt_60 {font-size: 40px;}

	.fnt_80 {font-size: 47px;}

        .fnt_100 { font-size: 60px;}

	

	.main_part2{ padding:30px 0 15px;}

	.main_part3{ padding-bottom: 35px; padding-top: 15px;}

	.main_part4{ margin-bottom:15px;}

	.main_part5{ padding-bottom: 15px; padding-top: 15px;}

	.main_part5{ padding-bottom: 15px;}

	

	.content{ width:1024px;}



	.content_inner{ width:auto;}

	.half_content_inner{ width:434px;}

	.main_part5_wrap{ padding-bottom:40px;}

	

	.header_top_right_top{ padding:25px 0 5px;}

  .fixHeader .header_top_right_top {  padding:25px 0 5px; }

	.header_top{ height:90px;}



}



@media only screen and (max-width: 1023px) {

	.company_l {width:100%;float: left;height: 100%; padding-top:20px;}

	.company_l>img{ width:100%;}

	.company_r>img{ width:100%;}

.company_r {width:100%;float: left;height: 100%; padding-top:20px;padding-top:20px; }

	.fnt_30 { font-size:16px;}

	.fnt_48 { font-size:26px;}

        .fnt_36 { font-size:19px;}

        .fnt_40 { font-size: 21px;}

        .fnt_60 {font-size: 36px;}

	.fnt_80 {font-size: 42px;}

        .fnt_100 { font-size: 53px;}

	

	.content{ width:auto; margin: 0 10px;}



	.content_inner{ width:auto; margin: 0 10px;}



	

	.main_part2{ padding:20px 0 10px;}

	.main_part3{ padding-bottom: 20px; padding-top: 10px;}

	.main_part4{ margin-bottom:10px;}

	.main_part5{ padding-bottom: 10px; padding-top: 10px;}

	.main_part5{ padding-bottom: 10px;}

	

	.main_part5_wrap{ padding-bottom:20px;}

	

	.half_content_inner{ width:304px;}



        nav li {  font-size:14px;}



        .footer_r span{margin:0 10px;}

	

  .indexmMain{padding-top: 146px;}

	

}



@media only screen and (max-width: 767px) {

        .main_part3 { margin:0 10px; }





	.main_part4{ height:auto !important; background:none;}

	.video_box_inner{ padding:10px;}

	.video_box{ width:auto !important; height:auto!important; left:0 !important; top:0!important; margin: 0 10px !important; position:relative;}

	.main_part4 video{ height:auto; position:relative; display:none;}

	.video_box_inner { background:#0050a0; overflow: hidden;}

	.video_box_inner li{ width:100%;}

    .main_part4 dd a { margin:0.4em 0; }

	.main_part4 dd br{ display: none; }

	.main_part4 dd p{height:3em; overflow: hidden; padding:0 10px;}

        .main_part4 dt a { transform:scale(0.6); }

	.in_banner_part2 li{ text-align:left;}

	.video_box_inner li{ margin-bottom:20px;}

	.main_part2{ padding:10px 0 0px;}

	.main_part3 ul{ margin:0 -6px;}

	.main_part3 ul li{ width:50%; padding: 0 6px;}

	.main_part3 ul li:last-child{ display:none;}

	.main_part6{ height:auto !important;}



        .main_part5 dt {  margin-top:22px;}

	.main_part5 ul li{ width:50px; }

	

	.banner_index{ position:relative;}

	.banner_index_new li{ opacity:1;}

	.in_banner_part2{ overflow:hidden; padding-bottom: 0;}

	.in_banner_part2 li{ padding-bottom:10px;}

	

	.header_bottom{ display:none;}

	.indexmMain{ padding-top:54px;}

  .fixMain.indexmMain{padding-top: 54px;}

	.nav_box {

		display: block;

		position: fixed;

		right: 0;

		top: 54px;

		z-index: 600;

		left: auto;

		background: #fff;

		height: 8000px;

		line-height: 30px;

		width: 90%;

		margin-right:0;

		border-left:5px solid #005bac;

		border-top:5px solid #005bac;

		box-sizing:border-box;

		transform:translateX(100%)

	}

	

	.nav_box.on{transform:translateX(0%)}

	

	.nav_box ul{ position:absolute; transform: translateX(102%); right:0; background:#fff; height:100%; top:0; width:100%;}

	.nav_box ul.on{ transform: translateX(0%);}

	.nav_box ul.main_nav{ display:block; position:relative; transform: translateX(0%);}

	

	.nav_box li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #dadada; text-align:left; float:none; font-size:14px;}

	.nav_box li:first-child{}

	.nav_box li a{ line-height:50px; height:50px; text-align:left; display:block; background:url(../images/right_menu.gif) no-repeat 90% center; padding:0 26px; margin-left:-5px; border-left:5px solid #005bac;}

	.nav_box ul li:first-child a{ background:#fff; border-left:5px solid #fff;}

	.nav_box ul li em{ background:url(../images/left_menu.gif) no-repeat center; display:block; width:10px; height:100%; margin-right:4px; float:left;}

	.nav_box ul.main_nav li:first-child a{ background:url(../images/home.png) no-repeat 90% center #fff; border-left:5px solid #fff;}

	.nav_box ul.other_nav li a{ background:none;}

	

	.phone_menu {

		color: #000;

		display: block;

		float:right;

		position:absolute;

		top:10px; margin-right:0px;

		right:0;

		background: none;

		width: 26px;

		height: 26px;

		transform: translateX(0px);

	}

	.eng_btn{	float:right;

		position:absolute;

		top:15px; margin-right:0px; right:50px;}

	

	.phone_menu em.p1{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-11px; border-radius:2px;}

	.phone_menu em.p2{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;}

	.phone_menu em.p3{ display:block; width:22px; height:2px; background:#000; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-11px; border-radius:2px;}	

	

	

	.phone_menu em.p1{ transform:rotate(0deg); margin-top:-7px;}

	.phone_menu em.p2{ opacity:1;}

	.phone_menu em.p3{ transform:rotate(0deg); margin-top:7px;}

	.phone_menu.on{ transform:translateX(0px);}

	.phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}

	.phone_menu.on em.p2{ opacity:0;}

	.phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}

	

	.phone_menu{ display:block;}

	.eng_btn{ display:block;}

	

  .fixHeader .header_top{height: 50px;}

	.header_top_right_top{ display:none;}

	.header_top_right_bottom span{ margin:0 5px;}

	.header_top{ height:50px; padding-left: 0; position:relative;}

	

	.header_top_right{ padding-top:14px; margin-right: 20px;}

	.header_top_right_bottom a, .header_top_right_bottom span{ font-size:12px;}

	

	.main_part6_l, .main_part6_r{ width:100%;}

	.half_content_inner{ width:auto; margin: 0 10px;}

	.main_part6_l{ padding: 10px 0;}

	.main_part6_l a{ float:none; margin: 0 auto;}

	.half_l{ float:none; margin: 0 auto; text-align: center;}

	

	.in_banner_part2{ height:auto; padding-top:10px;}

	.in_banner_part2 li{ width:14%; text-align:center;}

	.in_banner_part2 li .font_word{ font-size:14px;}

	.main_part5_wrap{ padding-bottom:10px;}

	.main_part6_r { padding:10px 0;}

	.half_r{ float:none;}

	

	.footer{ padding:10px 0;}

	.footer_l{ padding:0; width:100%; margin-bottom: 20px; }

	.footer_r{ padding:0; width:100%;}

	

	.footer_top{ text-align:left;}

	.footer_r span{ margin:0 5px;}

	.footer_copy{ text-align:left; font-size:12px; }

	.footer_icon { display:none;}

	.main_part5{ margin-bottom:0;}

	

	/*经过*/

	#ttbanners .ttbannerblock .ttbanner:hover img {

		opacity: 0.6;

		-moz-opacity: 0.6;  /* Netscape */

		-khtml-opacity: 0.6; /* Safari 1.x */

		-webkit-opacity: 0.6; /* other webkit*/

		transform: translate3d(0px, 0px, 0px);

		-webkit-transform: translate3d(0px, 0px, 0px);

		-moz-transform: translate3d(0px, 0px, 0px);

		-o-transform: translate3d(0px, 0px, 0px);

		-ms-transform: translate3d(0px, 0px, 0px);

	  }

	

	  #ttbanners .ttbannerblock .ttbanner:hover .ttbanner-content:before {

		opacity: 1;

		-moz-opacity: 1;  /* Netscape */

		-khtml-opacity: 1; /* Safari 1.x */

		-webkit-opacity: 1; /* other webkit*/

		transform: scale3d(1, 1, 1);

		-webkit-transform: scale3d(1, 1, 1);

		-moz-transform: scale3d(1, 1, 1);

		-o-transform: scale3d(1, 1, 1);

		-ms-transform: scale3d(1, 1, 1);

	  }

	

	    .fnt_22{ font-size:14px;}

        .fnt_32 { font-size:18px;}

        .fnt_36 { font-size:17px;}

        .fnt_40 { font-size: 18px;}

        .fnt_48 { font-size:16px;}

        .fnt_60 {font-size: 18px;}

	    .fnt_80 {font-size: 31px;}

        .fnt_100 { font-size: 40px;}



        .edit_con_original,.edit_con_original p { font-size:14px !important; }

	

	.main_part3_tab span{ padding:0 0.7em;}



        .cancel_inner { margin:0 !important; }



        .header_searcg_box { display:none; }



        .sprite_9.on .header_searcg_box  { opacity:1;  }

        .sprite_9.on input{ opacity:1;}

        .header_searcg_box input { width:80%; }

        





}





































/*经过动画*/

/* Animate inview CSS END */

 /* ------------------------------------ Start TT - CMS banner ------------------------------- */

#ttbanners {

  padding-right: 0;

}

@media (max-width: 991px) {



}

@media (max-width: 767px) {



}

#ttbanners .ttbannerblock {

  overflow: hidden;

}

@media (max-width: 1199px) {

  #ttbanners .ttbannerblock {

    padding: 0;

  }

}

@media (max-width: 767px) {

  #ttbanners .ttbannerblock {

    text-align: center;

  }

}

#ttbanners .ttbannerblock .ttbanner {

  position: relative;

  overflow: hidden;

 

}

@media (max-width: 767px) {

  #ttbanners .ttbannerblock .ttbanner {

    text-align: center;

    margin: 0 auto 10px;

    float: left;

    text-align: center;

    vertical-align: top;

    display: inline-block;

    width: 50%;

  }

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-img {

  overflow: hidden;

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-img a {

  background: rgba(0, 0, 0, 0) linear-gradient(-45deg, #000000 0%, #ffffff 100%) repeat scroll 0 0;

  display: block;

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-img img {

  backface-visibility: hidden;

  margin: -10px 0 0 -10px;

  max-width: none;

  opacity: 0.9;

  transform: translate3d(10px, 10px, 0px);

  -webkit-transform: translate3d(10px, 10px, 0px);

  -moz-transform: translate3d(10px, 10px, 0px);

  -o-transform: translate3d(10px, 10px, 0px);

  -ms-transform: translate3d(10px, 10px, 0px);

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  width: calc(100% + 10px);

}

@media (max-width: 767px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-img img {

    margin: 0;

    opacity: 1;

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    -ms-transform: none;

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    width: auto;

  }

}

@media (max-width: 480px) {

  #ttbanners .ttbannerblock .ttbanner {

    float: left;

    max-height: 530px;

    width: 100%;

  }

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-content {

  bottom: 0;

  left: 30px;

  margin: auto;

  opacity: 1;

  -moz-opacity: 1;  /* Netscape */

-khtml-opacity: 1; /* Safari 1.x */

-webkit-opacity: 1; /* other webkit*/

  position: absolute;

  right: auto;

  text-align: left;

  top: auto;

  transition: all 400ms ease-in-out 0s;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-content:before {

  border: 2px solid #fff;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  bottom: -170px;

  box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);

  -moz-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);

  -webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);

  content: "";

  height: 300px;

  opacity: 0;

  -moz-opacity: 0;

  /* Netscape */

  -khtml-opacity: 0;

  /* Safari 1.x */

  -webkit-opacity: 0;

  /* other webkit*/

  position: absolute;

  left: -80px;

  transform: scale3d(0.5, 0.5, 1);

  -webkit-transform: scale3d(0.5, 0.5, 1);

  -moz-transform: scale3d(0.5, 0.5, 1);

  -o-transform: scale3d(0.5, 0.5, 1);

  -ms-transform: scale3d(0.5, 0.5, 1);

  transform-origin: 50% 50% 0;

  width: 300px;

  transition: all 400ms ease-in-out;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

}

@media (min-width: 992px) and (max-width: 1199px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content:before {

    width: 260px;

    height: 294px;

    bottom: -160px;

    left: -80px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content:before {

    bottom: -160px;

    left: -140px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content {

    top: auto;

    bottom: 0;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content {

    top: auto;

    bottom: 0;

    width: auto;

    left: 20px;

  }

}

@media (max-width: 767px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content {

    bottom: 0;

    top: auto;

    left: 20px;

  }

}

@media (max-width: 480px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content {

    top: auto;

    bottom: 0;

  }

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-title {

  float: left;

  width: 100%;

  color: #ffffff;

  font: 400 16px/10px "PT Sans", Helvetica, sans-serif;

  transition: all 400ms ease-in-out;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  letter-spacing: 0;

  text-transform: uppercase;

}

@media (min-width: 480px) and (max-width: 991px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-title {

    font-size: 13px;

  }

}

@media (min-width: 480px) and (max-width: 767px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-title {

    font-size: 20px;

  }

}

@media (max-width: 480px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-title {

    font-size: 18px;

    line-height: 24px;

  }

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-desc {

  float: left;

  width: 100%;

  letter-spacing: 0;

  transition: all 400ms ease-in-out;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  color: #ffffff;

  padding: 8px 0 8px;

  font-size: 13px;

  text-transform: capitalize;

}

#ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-desc:hover {

  color: #ba2708;

}

@media (min-width: 768px) and (max-width: 991px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-desc {

    font-size: 12px;

  }

}

@media (min-width: 480px) and (max-width: 767px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-desc {

    font-size: 16px;

  }

}

@media (max-width: 480px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-content .ttbanner-desc {

    font-size: 12px;

  }

}

@media (max-width: 767px) {

  #ttbanners .ttbannerblock .ttbanner .ttbanner-img img {

    width: 100%;

  }

}

@media (min-width: 768px) {

  #ttbanners .ttbannerblock .ttbanner:hover img {

    opacity: 0.6;

	-moz-opacity: 0.6;  /* Netscape */

-khtml-opacity: 0.6; /* Safari 1.x */

-webkit-opacity: 0.6; /* other webkit*/

    transform: translate3d(0px, 0px, 0px);

    -webkit-transform: translate3d(0px, 0px, 0px);

    -moz-transform: translate3d(0px, 0px, 0px);

    -o-transform: translate3d(0px, 0px, 0px);

    -ms-transform: translate3d(0px, 0px, 0px);

  }

  #ttbanners .ttbannerblock .ttbanner:hover .ttbanner-content:before {

    opacity: 1;

	-moz-opacity: 1;  /* Netscape */

-khtml-opacity: 1; /* Safari 1.x */

-webkit-opacity: 1; /* other webkit*/

    transform: scale3d(1, 1, 1);

    -webkit-transform: scale3d(1, 1, 1);

    -moz-transform: scale3d(1, 1, 1);

    -o-transform: scale3d(1, 1, 1);

    -ms-transform: scale3d(1, 1, 1);

  }

}



/* ------------------------------------ End TT - CMS banner ------------------------------- */





.other_banner img { width:100%; height:auto; }

.other_banner {  margin-bottom:40px;overflow: hidden;}



.about_tab { font-size:0; text-align:center; margin-bottom:40px; padding:0 3%; box-sizing:border-box;}

.about_tab ul { margin:0 -10px; }

.about_tab li { width:16.6%; float:none; display:inline-block; }



.about_tab a {  display:block; line-height:3.375em; border:1px solid #aaaaaa; color:#898989; position:relative; overflow:hidden; box-sizing:border-box; margin:0 10px;}

.about_tab a.on,.about_tab a:hover { border-color:#006eff; }

.about_tab a:last-child { margin-right:0;}

.about_tab a i.i1 { display:block; transform:rotate(-135deg); background:#006eff; transform-origin:left top; position:absolute; left:0; top:0; width:50em; height:50em; opacity:0; z-index:10;  }





.about_tab a i.i2 { display:block; transform:rotate(45deg); background:#006eff; transform-origin:left top; position:absolute; right:-10em; top:3.375em; width:30em; height:30em; opacity:0; z-index:10;  }



.about_tab a span { position:absolute; background:url(../images/tab_sprite.png) no-repeat left top; top:50%; right:10%; width:5px; height:9px; display:block; margin-top:-4px; z-index:20; }



.about_tab a.on em { color: #fff; position: relative; z-index: 20; }

.about_tab a.on span { background: url(../images/tab_sprite.png) no-repeat -5px top; }

.about_tab a.on .i1 { opacity: 1; top: 32em; }

.about_tab a.on .i2 { opacity: 0; top: -4em; }







/*hover*/

@media only screen and (min-width: 1025px) {

        .about_tab a:hover .i1{ opacity: 1; top: 32em; }

        .about_tab a:hover .i2{ opacity: 0; top: -4em; }

        .about_tab a:hover em{ color: #fff; position: relative; z-index: 20; }

        .about_tab a:hover span{ background: url(../images/tab_sprite.png) no-repeat -5px top; }

}





@media only screen and (max-width: 1520px) { /*79%*/

        .other_banner,.about_tab { margin-bottom:31px; }

}





@media only screen and (max-width: 1366px) { /*71%*/

      .other_banner,.about_tab { margin-bottom:28px; }

}



@media only screen and (max-width: 1140px) { /*59%*/

     .other_banner,.about_tab { margin-bottom:23px; }

     .page > span { display:none; }



}





@media only screen and (max-width: 1023px) { /*53%*/

    .other_banner,.about_tab { margin-bottom:20px; }

	

}



@media only screen and (max-width: 767px) { /*40%*/

      .other_banner,.about_tab { margin-bottom:20px; }



        .about_tab li {  width:33.3%; margin-bottom:5px;}

        .about_tab ul { margin:0 -5px; }

        .about_tab a { text-align:left; margin:0 5px; }

        .about_tab a em { text-align: center; display: inherit;}



        .about_tab { padding:0; }



        .industry_tab li { width:50%; }

        .banner_index_new li img, .banner_index_new li video {  width:100%; height:auto;}

        .banner_index_new ul li table,.banner_index_new ul li table td { position:relative; left:0; color:#000; height:auto; }

        .banner_index_new ul li.li01 .in_banner_txt,.banner_index_new ul li.li02 .in_banner_txt,.banner_index_new ul li.li03 .in_banner_txt,.banner_index_new ul li.li04 .in_banner_txt { margin-top:0; left:0; top:0; opacity:1; text-align:center; display:block; margin:0 10px; padding-bottom:40px; padding-top:10px; }

        .banner_index_new ul li table td p { margin-bottom:0; margin-bottom:0.5em; height:2.4em; }

        .banner_index_new li img, .banner_index_new li video { transform:scale(1); }

        .bx-wrapper .bx-pager.bx-default-pager a { border-color:#000 !important; }

        .main_part3_tab i {  padding:0 0.7em;}

        .main_part3_tab span {  padding:0;}



        /*****************栏目banner************************/

        



       .header_searcg_box_phone.on { display:block; }



}

@media only screen and (max-width: 400px) {

	.foot_m_tit a{ margin-left: 10px;}

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #fff;  

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #fff;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #fff;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #fff;

}









.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp

{

	padding: 0;

	margin: 0;

	border: 0;

	outline: none;

	vertical-align: top;

}



.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 8020;

}



.fancybox-skin {

	position: relative;

	background: #f9f9f9;

	color: #444;

	text-shadow: none;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

}



.fancybox-opened {

	z-index: 8030;

}



.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {

	position: relative;

}



.fancybox-inner {

	overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch;

}



.fancybox-error {

	color: #444;

	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

	margin: 0;

	padding: 15px;

	white-space: nowrap;

}



.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%;

}



.fancybox-image {

	max-width: 100%;

	max-height: 100%;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url('../Image/fancybox_sprite.png');

}



#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: 0.8;

	cursor: pointer;

	z-index: 8060;

}



#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url('../Image/fancybox_loading.gif') center center no-repeat;

}



.fancybox-close {

	position: absolute;

	top: -18px;

	right: -18px;

	width: 36px;

	height: 36px;

	cursor: pointer;

	z-index: 8040;

}



.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

	background: transparent url('../Image/blank.gif'); /* helps IE */

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	z-index: 8040;

}



.fancybox-prev {

	left: 0;

}



.fancybox-next {

	right: 0;

}



.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 36px;

	height: 34px;

	margin-top: -18px;

	cursor: pointer;

	z-index: 8040;

	visibility: hidden;

}



.fancybox-prev span {

	left: 10px;

	background-position: 0 -36px;

}



.fancybox-next span {

	right: 10px;

	background-position: 0 -72px;

}



.fancybox-nav:hover span {

	visibility: visible;

}



.fancybox-tmp {

	position: absolute;

	top: -99999px;

	left: -99999px;

	visibility: hidden;

	max-width: 99999px;

	max-height: 99999px;

	overflow: visible !important;

}



/* Overlay helper */



.fancybox-lock {

    overflow: hidden !important;

    width: auto;

}



.fancybox-lock body {

    overflow: hidden !important;

}



.fancybox-lock-test {

    overflow-y: hidden !important;

}



.fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 8010;

	background: url('../Image/fancybox_overlay.png');

}



.fancybox-overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0;

}



.fancybox-lock .fancybox-overlay {

	overflow: auto;

	overflow-y: scroll;

}



/* Title helper */



.fancybox-title {

	visibility: hidden;

	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

	position: relative;

	text-shadow: none;

	z-index: 8050;

}



.fancybox-opened .fancybox-title {

	visibility: visible;

}



.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8050;

	text-align: center;

}



.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: transparent; /* Fallback for web browsers that doesn't support RGBa */

	background: rgba(0, 0, 0, 0.8);

	-webkit-border-radius: 15px;

	   -moz-border-radius: 15px;

	        border-radius: 15px;

	text-shadow: 0 1px 2px #222;

	color: #FFF;

	font-weight: bold;

	line-height: 24px;

	white-space: nowrap;

}



.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff;

}



.fancybox-title-inside-wrap {

	padding-top: 10px;

}



.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0, 0, 0, .8);

}



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

	   only screen and (min--moz-device-pixel-ratio: 1.5),

	   only screen and (min-device-pixel-ratio: 1.5){



	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

		background-image: url('../Image/fancybox_sprite@2x.png');

		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/

	}



	#fancybox-loading div {

		background-image: url('../Image/fancybox_loading@2x.gif');

		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/

	}

}